{% extends "base.html" %}
{% block content %}
   <div class="photoslider" id="default"></div>  
     
   <script type="text/javascript">  
   $(document).ready(function(){  
       //change the 'baseURL' to reflect the host and or path to your images  
       FOTO.Slider.baseURL = '/site_media/images/20080818/';  
     
       //set images by filling our bucket directly  
       FOTO.Slider.bucket = {  
           'default': {  
               0: {'thumb': 'DSC_0002.JPG', 'main': 'DSC_0002.jpg', 'caption': 'Opie'},  
               1: {'thumb': 'DSC_0004.JPG', 'main': 'DSC_0002.jpg'},  
               2: {'thumb': 'DSC_0013.JPG', 'main': 'DSC_0002.jpg', 'caption': 'Trash the Dress'},  
               3: {'thumb': 'DSC_0016.JPG', 'main': 'DSC_0002.jpg'},
               4: {'thumb': 'DSC_0019.JPG', 'main': 'DSC_0002.jpg'},  
               5: {'thumb': 'DSC_0023.JPG', 'main': 'DSC_0002.jpg'}  
           }  
       };  
     
       //or set our images by the bucket importer  
       var ids = new Array(0,1,2,3,4,5);  
	   FOTO.Slider.importBucketFromIds('default',ids);
	   FOTO.Slider.reload('default');
	   FOTO.Slider.preloadImages('default');
	   FOTO.Slider.enableSlideshow('default');
	   
   });  
  </script>  
  {% endblock %}
